<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>马尔代夫度假别墅公寓预订及价格查询,马尔代夫住宿推荐-第六感精品别墅</title>
    <link rel="icon" href="image/public/Logo.ico">
    <link rel="stylesheet" href="css/apartment/apartment.css">
    <link rel="stylesheet" href="element/index.css">
    <script src="/vue/vue.min.js"></script>
    <script src="/jquery/jquery-3.6.0.js"></script>
    <script src="/element/index.js"></script>
    <style>
        html {
            font-size: 50px;
        }

        @media screen and (min-width:375px) {
            html {
                font-size: 25px;
            }
        }

        @media screen and (min-width:390px) {
            html {
                font-size: 26px;
            }
        }

        @media screen and (min-width:414px) {
            html {
                font-size: 27.6px;
            }
        }

        @media screen and (min-width:820px) {
            html {
                font-size: 54.6px;
            }
        }

        .bottom ul li {
            margin-top: 0.1rem;
        }

        .bottom-li span {
            line-height: 0.9rem;
        }

        .el-input__inner {
            outline: none;
            border: none;
            background-color: #f8f8f8;
            width: 5.5rem;
            margin-right: -0.5rem;
            color: #ff8000;
        }
        .el-input__inner::-webkit-input-placeholder {
            color: #ff8000;
        }
        .el-input__prefix{
            color: #ff8000;
        }
    </style>
</head>

<body>
    <div id="app">
        <div class="max-top">
            <div class="top">
                <div class="top-leftA">
                    <a href="javascript:history.go(-1);"><img src="image/apartment/向左_o.png" alt=""></a>
                </div>
                <div style="display: flex;width: 8rem;margin-left: 2rem;">
                    <el-date-picker v-model="value1" type="date" placeholder="入住日期">
                    </el-date-picker>
                    <el-date-picker v-model="value2" type="date" placeholder="退房日期">
                    </el-date-picker>
                </div>
            </div>
            <div class="center">
                <div id="villa">别墅</div>
                <a href="hotel_list.html">酒店</a>
                <div id="vacation">度假</div>
            </div>

        </div>
        <div class="title">
            马尔代夫 - 亚洲<span class="titleSp">(10个)</span>
        </div>

        <div class="main">
            <div class="mainWrap wrapOne">
                <div class="mainImg">
                    <a href="#">
                        <img src="image/apartment/1.jpg" alt="">
                        <div>拉姆环礁，拉姆拉堤岛</div>
                    </a>
                </div>
                <div class="wrap-txt">
                    <div class="txt-top">
                        <a href="#">
                            <p>六善拉姆岛优惠套餐</p>
                        </a>
                        <a href="#" style="font-size: 0.6rem;">
                            <p>请咨询详细价格</p>
                        </a>
                    </div>
                    <div class="txt-bo">
                        <div style="width: 35%;display: flex;justify-content: space-around;">
                            <a href="#"><img src="/image/collection_img/病床_hospital-bed.png" alt="">1</a>
                            <a href="#"><img src="/image/collection_img/浴缸_tub.png" alt="">1</a>
                            <a href="#"><img src="/image/collection_img/游泳池_swimming-pool.png" alt="">1</a>
                        </div>
                        <div style="width: 31%;">
                            <a href="#"><span>住过 33 |&nbsp;</span></a>
                            <a href="#"><span>评论 2</span></a>
                        </div>
                    </div>
                </div>
                <div style="height: 0.5rem;background-color: #f8f8f8;"></div>
            </div>
            <div class="mainWrap wrapTwo">
                <div class="mainImg">
                    <a href="#">
                        <img src="image/apartment/2.jpg" alt="">
                        <div>南阿里环礁，迪胡福诺胡岛</div>
                    </a>
                </div>
                <div class="wrap-txt">
                    <div class="txt-top">
                        <a href="#">
                            <p>南马累环礁丽世度假村</p>
                        </a>
                        <a href="#" style="font-size: 0.6rem;">
                            <p>请咨询详细价格</p>
                        </a>
                    </div>
                    <div class="txt-bo">
                        <div style="width: 35%;display: flex;justify-content: space-around;">
                            <a href="#"><img src="/image/collection_img/病床_hospital-bed.png" alt="">1-3</a>
                            <a href="#"><img src="/image/collection_img/浴缸_tub.png" alt="">1</a>
                            <a href="#"><img src="/image/collection_img/游泳池_swimming-pool.png" alt="">1</a>
                        </div>
                        <div style="width: 31%;">
                            <a href="#"><span>住过 6 |&nbsp;</span></a>
                            <a href="#"><span>评论 2</span></a>
                        </div>
                    </div>
                </div>
                <div style="height: 0.5rem;background-color: #f8f8f8;"></div>
            </div>
            <div class="mainWrap wrapThree">
                <div class="mainImg">
                    <a href="#">
                        <img src="image/apartment/3.jpg" alt="">
                        <div class="">南马累环礁，伊塔富士岛</div>
                    </a>
                </div>
                <div class="wrap-txt">
                    <div class="txt-top">
                        <a href="#">
                            <p>马尔代夫华尔道夫伊塔富士岛</p>
                        </a>
                        <a href="#" style="font-size: 0.6rem;">
                            <p>请咨询详细价格</p>
                        </a>
                    </div>
                    <div class="txt-bo">
                        <div style="width: 35%;display: flex;justify-content: space-around;">
                            <a href="#"><img src="/image/collection_img/病床_hospital-bed.png" alt="">1-3</a>
                            <a href="#"><img src="/image/collection_img/浴缸_tub.png" alt="">1</a>
                            <a href="#"><img src="/image/collection_img/游泳池_swimming-pool.png" alt="">1</a>
                        </div>
                        <div style="width: 31%;">
                            <a href="#"><span>住过 155|&nbsp;</span></a>
                            <a href="#"><span>评论 4</span></a>
                        </div>
                    </div>
                </div>
                <div style="height: 0.5rem;background-color: #f8f8f8;"></div>
            </div>
            <div class="mainWrap wrapFour">
                <div class="mainImg">
                    <a href="#">
                        <img src="image/apartment/4.jpg" alt="">
                        <div>拉环礁，洲际岛</div>
                    </a>
                </div>
                <div class="wrap-txt">
                    <div class="txt-top">
                        <a href="#">
                            <p>马尔代夫马穆纳古洲际度假酒店</p>
                        </a>
                        <a href="#" style="font-size: 0.6rem;">
                            <p>请咨询详细价格</p>
                        </a>
                    </div>
                    <div class="txt-bo">
                        <div style="width: 35%;display: flex;justify-content: space-around;">
                            <a href="#"><img src="/image/collection_img/病床_hospital-bed.png" alt="">1-3</a>
                            <a href="#"><img src="/image/collection_img/浴缸_tub.png" alt="">1</a>
                            <a href="#"><img src="/image/collection_img/游泳池_swimming-pool.png" alt="">1</a>
                        </div>
                        <div style="width: 31%;">
                            <a href="#"><span>住过 6 |&nbsp;</span></a>
                            <a href="#"><span>评论 0</span></a>
                        </div>
                    </div>
                </div>
                <div style="height: 0.5rem;background-color: #f8f8f8;"></div>
            </div>
            <div class="mainWrap wrapFive">
                <div class="mainImg">
                    <a href="#">
                        <img src="image/apartment/5.jpg" alt="">
                        <div>奥利弗盖夫，莱佛士梅拉德岛</div>
                    </a>
                </div>
                <div class="wrap-txt">
                    <div class="txt-top">
                        <a href="#">
                            <p>莱佛士马尔代夫梅拉德岛</p>
                        </a>
                        <a href="#" style="font-size: 0.6rem;">
                            <p>请咨询详细价格</p>
                        </a>
                    </div>
                    <div class="txt-bo">
                        <div style="width: 35%;display: flex;justify-content: space-around;">
                            <a href="#"><img src="/image/collection_img/病床_hospital-bed.png" alt="">1-2</a>
                            <a href="#"><img src="/image/collection_img/浴缸_tub.png" alt="">1</a>
                            <a href="#"><img src="/image/collection_img/游泳池_swimming-pool.png" alt="">1</a>
                        </div>
                        <div style="width: 31%;">
                            <a href="#"><span>住过 4 |&nbsp;</span></a>
                            <a href="#"><span>评论 0</span></a>
                        </div>
                    </div>
                </div>
                <div style="height: 0.5rem;background-color: #f8f8f8;"></div>
            </div>
            <div class="mainWrap wrapSix">
                <div class="mainImg">
                    <a href="#">
                        <img src="image/apartment/6.jpg" alt="">
                        <div class="">沙维亚尼环礁，斯茹芬富士岛</div>
                    </a>
                </div>
                <div class="wrap-txt">
                    <div class="txt-top">
                        <a href="#">
                            <p>费尔蒙斯茹芬岛套餐</p>
                        </a>
                        <a href="#" style="font-size: 0.6rem;">
                            <p>请咨询详细价格</p>
                        </a>
                    </div>
                    <div class="txt-bo">
                        <div style="width: 35%;display: flex;justify-content: space-around;">
                            <a href="#"><img src="/image/collection_img/病床_hospital-bed.png" alt="">1</a>
                            <a href="#"><img src="/image/collection_img/浴缸_tub.png" alt="">1</a>
                            <a href="#"><img src="/image/collection_img/游泳池_swimming-pool.png" alt="">1</a>
                        </div>
                        <div style="width: 31%;">
                            <a href="#"><span>住过 44 |&nbsp;</span></a>
                            <a href="#"><span>评论 2</span></a>
                        </div>
                    </div>
                </div>
                <div style="height: 0.5rem;background-color: #f8f8f8;"></div>
            </div>
            <div class="mainWrap wrapSeven">
                <div class="mainImg">
                    <a href="#">
                        <img src="image/apartment/7.jpg" alt="">
                        <div>拉环礁，娇丽岛</div>
                    </a>
                </div>
                <div class="wrap-txt">
                    <div class="txt-top">
                        <a href="#">
                            <p>马尔代夫娇丽度假村</p>
                        </a>
                        <a href="#" style="font-size: 0.6rem;">
                            <p>请咨询详细价格</p>
                        </a>
                    </div>
                    <div class="txt-bo">
                        <div style="width: 35%;display: flex;justify-content: space-around;">
                            <a href="#"><img src="/image/collection_img/病床_hospital-bed.png" alt="">1-4</a>
                            <a href="#"><img src="/image/collection_img/浴缸_tub.png" alt="">1</a>
                            <a href="#"><img src="/image/collection_img/游泳池_swimming-pool.png" alt="">1</a>
                        </div>
                        <div style="width: 31%;">
                            <a href="#"><span>住过 41 |&nbsp;</span></a>
                            <a href="#"><span>评论 1</span></a>
                        </div>
                    </div>
                </div>
                <div style="height: 0.5rem;background-color: #f8f8f8;"></div>
            </div>
            <div class="mainWrap wrapEight">
                <div class="mainImg">
                    <a href="#">
                        <img src="image/apartment/8.jpg" alt="">
                        <div class="">诺努环礁，贾尼岛</div>
                    </a>
                </div>
                <div class="wrap-txt">
                    <div class="txt-top">
                        <a href="#">
                            <p>索尼娃贾尼岛</p>
                        </a>
                        <a href="#" style="font-size: 0.6rem;">
                            <p>请咨询详细价格</p>
                        </a>
                    </div>
                    <div class="txt-bo">
                        <div style="width: 35%;display: flex;justify-content: space-around;">
                            <a href="#"><img src="/image/collection_img/病床_hospital-bed.png" alt="">1-4</a>
                            <a href="#"><img src="/image/collection_img/浴缸_tub.png" alt="">1</a>
                            <a href="#"><img src="/image/collection_img/游泳池_swimming-pool.png" alt="">1</a>
                        </div>
                        <div style="width: 31%;">
                            <a href="#"><span>住过287|</span></a>
                            <a href="#"><span>评论11</span></a>
                        </div>
                    </div>
                </div>
                <div style="height: 0.5rem;background-color: #f8f8f8;"></div>
            </div>
            <div class="mainWrap wrapNine">
                <div class="mainImg">
                    <a href="#">
                        <img src="image/apartment/9.jpg" alt="">
                        <div class="">诺努环礁，维拉私人岛</div>
                    </a>
                </div>
                <div class="wrap-txt">
                    <div class="txt-top">
                        <a href="#">
                            <p>维拉私人岛</p>
                        </a>
                        <a href="#" style="font-size: 0.6rem;">
                            <p>请咨询详细价格</p>
                        </a>
                    </div>
                    <div class="txt-bo">
                        <div style="width: 35%;display: flex;justify-content: space-around;">
                            <a href="#"><img src="/image/collection_img/病床_hospital-bed.png" alt="">1-4</a>
                            <a href="#"><img src="/image/collection_img/浴缸_tub.png" alt="">1</a>
                            <a href="#"><img src="/image/collection_img/游泳池_swimming-pool.png" alt="">1</a>
                        </div>
                        <div style="width: 31%;">
                            <a href="#"><span>住过 123|&nbsp;</span></a>
                            <a href="#"><span>评论 5</span></a>
                        </div>
                    </div>
                </div>
                <div style="height: 0.5rem;background-color: #f8f8f8;"></div>
            </div>
            <div class="mainWrap wrapTen">
                <div class="mainImg">
                    <a href="#">
                        <img src="image/apartment/10.jpg" alt="">
                        <div class=""> 哈阿达卢环礁 ，沃姆利</div>
                    </a>
                </div>
                <div class="wrap-txt">
                    <div class="txt-top">
                        <a href="#">
                            <p>马尔代夫沃姆利瑞吉度假村</p>
                        </a>
                        <a href="#" style="font-size: 0.6rem;">
                            <p>请咨询详细价格</p>
                        </a>
                    </div>
                    <div class="txt-bo">
                        <div style="width: 35%;display: flex;justify-content: space-around;">
                            <a href="#"><img src="/image/collection_img/病床_hospital-bed.png" alt="">1-3</a>
                            <a href="#"><img src="/image/collection_img/浴缸_tub.png" alt="">1</a>
                            <a href="#"><img src="/image/collection_img/游泳池_swimming-pool.png" alt="">1</a>
                        </div>
                        <div style="width: 31%;">
                            <a href="#"><span>住过 93 |&nbsp;</span></a>
                            <a href="#"><span>评论 2</span></a>
                        </div>
                    </div>
                </div>
                <div style="height: 0.5rem;background-color: #f8f8f8;"></div>
            </div>

            <div style="background-color: #f8f8f8;font-size: 0.5rem;text-align: center;">没有更多别墅了。</div>
            <div style="line-height: 4rem;height: 6rem;background-color: #f8f8f8;font-size: 0.5rem;text-align: center;">
                正在加载更多数据...</div>
        </div>

        <div class="wz-show fix" style="display: none;">
            <div style="font-size: 0.9rem;">位置</div>
            <ul>
                <li><a href="#">塔环礁-ThaaAtoll</a></li>
                <li><a href="#">北马累环礁-North</a></li>
                <li><a href="#">哈阿达卢环礁 - HaaDhaalu Atoll</a></li>
                <li><a href="#">沙维亚尼环礁 - Shaviyani Atoll</a></li>
                <li><a href="#">妮兰朵南环礁 - SouthNilandhe Atoll</a></li>
                <li><a href="#">南阿里环礁 - AlifuDhaalu Atoll</a></li>
                <li><a href="#">阿杜环礁 - Addu</a></li>
                <li><a href="#">北阿里环礁 - North Ari</a></li>
                <li><a href="#">奥利弗盖夫 - Gaafu AlifuAtoll</a></li>
                <li><a href="#">芭环礁 - Baa Atoll</a></li>
                <li><a href="#">诺努环礁 - Noonu Atoll</a></li>
                <li><a href="#">哈阿里夫环礁 - Haa AlifuAtoll</a></li>
            </ul>
        </div>
        <div class="zt-show fix" style="display: none;">
            <div style="font-size: 0.8rem;">主题/景观</div>
            <ul id="theme_range">
                <li><a href="#">不限</a></li>
                <li><a href="#">码头景观</a></li>
                <li><a href="#">蔚蓝海岸</a></li>
                <li><a href="#">伦敦塔桥景</a></li>
                <li><a href="#">海景</a></li>
                <li><a href="#">雪景</a></li>
                <li><a href="#">园景</a></li>
                <li><a href="#">城市景观</a></li>
                <li><a href="#">自然</a></li>
                <li><a href="#">海滩</a></li>
                <li><a href="#">探险</a></li>
                <li><a href="#">蜜月</a></li>
                <li><a href="#">度假</a></li>
                <li><a href="#">亲子</a></li>
                <li><a href="#">朋友聚会</a></li>
                <li><a href="#">美食</a></li>
                <li><a href="#">商务</a></li>
                <li><a href="#">家庭</a></li>
                <li><a href="#">游艇</a></li>
                <li><a href="#">婚礼</a></li>
                <li><a href="#">明星名人入住</a></li>
            </ul>
        </div>
        <div class="jg-show fix" style="display: none;">
            <div style="font-size: 0.8rem;">每晚价格</div>
            <ul>
                <li><a href="#">不限</a></li>
                <li><a href="#">￥0-3,000</a></li>
                <li><a href="#">￥3,000-5,000</a></li>
                <li><a href="#">￥5,000-7,000</a></li>
                <li><a href="#">￥7,000-9,000</a></li>
                <li><a href="#">￥9.000-12,000</a></li>
                <li><a href="#">￥12,000+</a></li>
            </ul>
        </div>
        <div class="ws-show fix" style="display: none;">
            <div id="ws-top">
                <div>重置</div>
                <div style="color: black;font-size: 0.8rem;">卧室数量</div>
                <div>确定</div>
            </div>
            <div id="ws-bo">
                <ul>
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li><a href="#">6</a></li>
                    <li><a href="#">7</a></li>
                </ul>
            </div>
        </div>
        <div class="px-show fix" style="display: none;">
            <div style="font-size: 0.8rem;">选择排序方式</div>
            <ul>
                <li><a href="#">默认</a></li>
                <li><a href="#">价格由低到高</a></li>
                <li><a href="#">价格由高到低</a></li>
                <li><a href="#">卧室数由低到高</a></li>
                <li><a href="#">卧室数由高到低</a></li>
            </ul>
        </div>


        <div class="bottom">
            <div class="bottom-sel">
                <div id="wz">
                    <?xml version="1.0" encoding="UTF-8"?><svg width="24" height="24" viewBox="0 0 48 48" fill="none"
                        xmlns="http://www.w3.org/2000/svg">
                        <rect width="48" height="48" fill="white" fill-opacity="0.01" />
                        <path
                            d="M9.85786 32.7574C6.23858 33.8432 4 35.3432 4 37C4 40.3137 12.9543 43 24 43V43C35.0457 43 44 40.3137 44 37C44 35.3432 41.7614 33.8432 38.1421 32.7574"
                            stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                        <path
                            d="M24 35C24 35 37 26.504 37 16.6818C37 9.67784 31.1797 4 24 4C16.8203 4 11 9.67784 11 16.6818C11 26.504 24 35 24 35Z"
                            fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="round" />
                        <path
                            d="M24 22C26.7614 22 29 19.7614 29 17C29 14.2386 26.7614 12 24 12C21.2386 12 19 14.2386 19 17C19 19.7614 21.2386 22 24 22Z"
                            fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="round" />
                    </svg>
                    <span>位置</span>
                </div>
                <div id="zt">
                    <?xml version="1.0" encoding="UTF-8"?><svg width="24" height="24" viewBox="0 0 48 48" fill="none"
                        xmlns="http://www.w3.org/2000/svg">
                        <path d="M24 26V38" stroke="#000000" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                        <path d="M24 6V26" stroke="#000000" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                        <path d="M24 4V6" stroke="#000000" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                        <path d="M8 40H34L40 34" stroke="#000000" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                        <path d="M15 40V44" stroke="#000000" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                        <path d="M32 40V44" stroke="#000000" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                        <path
                            d="M24 6C14.0589 6 6 14.034 6 23.9444V26C6 23.5224 8.01472 21 10.5 21C12.9853 21 15 23.5224 15 26C15 23.5224 17.0147 21 19.5 21C21.9853 21 24 23.5224 24 26C24 23.5224 26.0147 21 28.5 21C30.9853 21 33 23.5224 33 26C33 23.5224 35.0147 21 37.5 21C39.9853 21 42 23.5224 42 26V23.9444C42 14.034 33.9411 6 24 6Z"
                            fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                        <path
                            d="M15.0003 26C15.0003 26 13.4999 20.5 16.0005 15C18.5011 9.49998 24.0002 5.99999 24.0002 5.99999"
                            stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                        <path
                            d="M33.0002 26C33.0002 26 33.5006 21.5 31.0003 15C28.5 8.5 24.0002 5.99999 24.0002 5.99999"
                            stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                        <path d="M24 25V6" stroke="#000000" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                        <path d="M28.5 21C30.9853 21 33 23.5224 33 26C33 23.5224 35.0147 21 37.5 21" stroke="#000000"
                            stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                        <path d="M28.5 21C26.0147 21 24 23.5224 24 26C24 23.5224 21.9853 21 19.5 21" stroke="#000000"
                            stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                        <path d="M10.5 21C12.9853 21 15 23.5224 15 26C15 23.5224 17.0147 21 19.5 21" stroke="#000000"
                            stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                        <path d="M15.7334 8C18.2088 6.72196 21.0197 6 23.9998 6C26.9798 6 29.7908 6.72196 32.2661 8"
                            stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                    </svg>
                    <span>主题</span>
                </div>
                <div id="jg">
                    <?xml version="1.0" encoding="UTF-8"?><svg width="24" height="24" viewBox="0 0 48 48" fill="none"
                        xmlns="http://www.w3.org/2000/svg">
                        <rect width="48" height="48" fill="white" fill-opacity="0.01" />
                        <path
                            d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
                            fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="round" />
                        <path d="M18 22H30" stroke="#000000" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                        <path d="M18 28H30" stroke="#000000" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                        <path d="M24.0083 22V34" stroke="#000000" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                        <path d="M30 15L24 21L18 15" stroke="#000000" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                    </svg>
                    <span>价格</span>
                </div>
                <div id="ws">
                    <?xml version="1.0" encoding="UTF-8"?><svg width="24" height="24" viewBox="0 0 48 48" fill="none"
                        xmlns="http://www.w3.org/2000/svg">
                        <rect width="48" height="48" fill="white" fill-opacity="0.01" />
                        <path d="M8 12C8 10.3431 9.34315 9 11 9H37C38.6569 9 40 10.3431 40 12V23H8V12Z" stroke="#000000"
                            stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                        <path d="M6 35V39" stroke="#000000" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                        <path d="M42 35V39" stroke="#000000" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                        <path d="M20 18H14C12.3431 18 11 19.3431 11 21V23H23V21C23 19.3431 21.6569 18 20 18Z"
                            fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                        <path d="M34 18H28C26.3431 18 25 19.3431 25 21V23H37V21C37 19.3431 35.6569 18 34 18Z"
                            fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                        <path d="M4 26C4 24.3431 5.34315 23 7 23H41C42.6569 23 44 24.3431 44 26V35H4V26Z"
                            stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                    </svg>
                    <span>卧室</span>
                </div>
                <div id="px">
                    <?xml version="1.0" encoding="UTF-8"?><svg width="24" height="24" viewBox="0 0 48 48" fill="none"
                        xmlns="http://www.w3.org/2000/svg">
                        <path d="M9 4V13" stroke="#000000" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                        <path d="M12 13H6" stroke="#000000" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                        <path d="M12 27H6" stroke="#000000" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                        <path d="M6 19.9999C6 19.9999 9 16.9999 11 20C13 23 6 27 6 27" stroke="#000000" stroke-width="2"
                            stroke-linecap="round" stroke-linejoin="round" />
                        <path
                            d="M6.00001 34.5001C6.00001 34.5001 8.00001 31.5 11 33.5C14 35.5 11 38 11 38C11 38 14 40.5 11 42.5C8 44.5 6 41.5 6 41.5"
                            stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                        <path d="M11 38H9" stroke="#000000" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                        <path d="M9 4L6 6" stroke="#000000" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                        <path d="M21 24H43" stroke="#000000" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                        <path d="M21 38H43" stroke="#000000" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                        <path d="M21 10H43" stroke="#000000" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" />
                    </svg>
                    <span>排序</span>
                </div>
            </div>
        </div>

    </div>
    <script src="js/apartment.js"></script>
</body>

</html>